// 基础字体大小
$base-font-size: 16px; // 通常使用16px

// Colors
$color-white: #ffffff;
$color-light-white: #fefefe;
$color-grey: #67757f;
$color-light-grey: #ebeef0;
$color-light-comment: #c4c4c4;
$color-black: #000000;
$color-blue-shallow: #a9dbf9;
$color-blue: #95d2f6;
$color-blue-active: #30a4fc;
$color-blue-light: #2aa3ef;
$color-blue-dark: #2796dd;

$color-main: #409eff;
$color-success: #67c23a;
$color-warning: #e6a23c;
$color-danger: #f56c6c;
$color-info: #909399;

$text-main: #303133;
$text-normal: #606266;
$text-minor: #909399; //次要文字
$text-placeholder: #c0c4cc;
$text-333: #333;
$text-666: #666;
$text-999: #999;

$border-first: #dcdfe6;
$border-second: #e4e7ed;
$border-third: #ebeef5;
$border-fourth: #f2f6fc;

$content-bg-color: #fff;

// Theme Global Color
$theme-color: $color-blue;
$theme-background-color: #e6ecf0;
$theme-header-color: $color-light-white;
$theme-footer-color: $theme-background-color;
$theme-play-bar-color: $color-light-white;

// Fonts
$font-family: Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei,
    Helvetica Neue, Helvetica, Arial, sans-serif;
$font-size-default: 0.875rem; // 相对单位
$font-size-logo: 1.625rem; // 相对单位
$font-size-header: 1.125rem; // 相对单位

// header
$header-height: 4.375rem; // 相对单位
$header-padding: 0 5rem; // 相对单位
$header-margin: 0;
$header-logo-width: 9.375rem; // 相对单位
$header-logo-margin: 0 0.625rem; // 相对单位
$header-nav-padding: 0 0.625rem; // 相对单位
$header-nav-margin: 0.625 0.625rem; // 相对单位
$header-search-radius: 0.3125rem; // 相对单位
$header-search-height: 2.1875rem; // 相对单位
$header-search-width: 16.875rem; // 相对单位
$header-search-btn-height: 2.1875rem; // 相对单位
$header-search-btn-width: 3.75rem; // 相对单位
$header-user-height: 1.4583rem; // 相对单位
$header-user-width: 1.4583rem; // 相对单位
$header-user-margin: 0 1.0417rem; // 相对单位
$header-user-radius: 50%;
$header-menu-width: 6.25rem; // 相对单位
$header-menu-padding: 0.4375rem 0; // 相对单位
$header-menu-radius: 0.25rem; // 相对单位

// page
$content-padding: 0 7.5rem 3.125rem 7.5rem; // 相对单位
$border-radius-articlelist: 0.75rem; // 相对单位

// footer
$footer-height: 11.25rem; // 相对单位

// play-bar
$play-bar-height: 3.75rem; // 相对单位

// style
$box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.4); // 相对单位
